// axios({
//   url: '/register',
//   method: 'post',
//   data: {
//     username: 'xiaoming',
//     password: '123456'
//   }
// }).then(res => {
//   console.log(res)
  
// })

// 注册功能：点注册按钮 → 收集用户输入的数据 → axios发送到后台，成功后showTast提示用户
document.querySelector('#btn-register').addEventListener('click', async function() {
  const data = serialize(document.querySelector('.register-form'), {hash: true, empty: true})
  // data: {username: xx}
  // data: data
  // data → 一个data单词，不要包对象
  // console.log(data)
  const {username, password} = data
  
  if (username == '' || password == '') return showToast('用户名和密码不能为空')
  if (username.length<8 || username.length>30 || password.length<6 || password.length>30) return showToast('用户名长度8-30，密码长度6-30')

  // 发送请求之前，要本地验证数据的基本长度要求，减轻服务器压力
  try {
    const res = await axios.post('/register', data)
    // console.log(res)
    showToast(res.message)
  } catch (error) {
    // dir 展开error对象，看对象细节
    // console.dir(error)
    showToast(error.response.data.message)
  }
})